/* 定义css3前缀*/
@mixin display-flex {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@mixin flex-center($flex-direction:column) {

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: $flex-direction;
  flex-direction: $flex-direction;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featureService {
  background: #fff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  .service-banner {
    width: 100%;
    position: relative;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .content {

    @include display-flex;
    @include flex-center();
    width: 980px;

    p {
      text-align: left;
      text-indent: 2em;
    }
  }

  .service-intelligence {
    max-width: 980px;
    padding-bottom: 80px;
    .service-img {
      max-width: 980px;
      height: 435px;
      margin-top: 50px;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }

  .health-fashion {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 80px;
    p {
      height: auto;
      padding: 0 55px;

    }
    .health-content {
      width: 980px;
      height: 560px;
      margin-top: 50px;
      img {
        height: 100%;
        width: 100%;
      }

    }
  }
  .MedicalSecurity-service {
    max-width: 980px;
    padding-bottom: 80px;
    .MedicalSecurity-box {
      width: 980px;
      height: 330px;
      margin-top: 50px;
      img {
        width: 100%;
        height: 100%;
      }
      a {
        float: left;
      }
    }
  }
  .inter-quality {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 100px;
    .qualityCon {
      max-width: 980px;
      height: 100%;
      margin-top: 50px;
      img {
        width: 100%;
        height: 100%;
      }
    }

  }

}
